﻿<html>
<body>
    <div class="min-h-screen w-full p-6 flex justify-center items-center">
        <div class="w-full max-w-xs">
            <div class="bg-white text-black border p-8 shadow rounded w-full mb-6">
                <h1 class="mb-6 text-lg font-thin">Login to your account</h1>
                <form method="POST" action="/login">
                    <fieldset class="mb-4">
                        <label class="block text-sm mb-2">Email address</label>
                        <input id="email" type="email" class="block w-full rounded-sm border bg-white py-2 px-3 text-sm" name="email" required autofocus>
                    </fieldset>
                    <fieldset class="mb-4">
                        <div class="w-full flex justify-between items-center">
                            <label for="password" class="block text-sm mb-2">Password</label>
                            <a class="text-xs font-thin text-blue no-underline hover:underline" href="#">
                                Forgotten password?
                            </a>
                        </div>
                        <input id="password" type="password" class="block w-full rounded-sm border bg-white py-2 px-3 text-sm" name="password" required>
                    </fieldset>
                    <div class="pt-1 pb-5 text-sm text-black font-thin">
                        <label><input class="mr-1" type="checkbox" name="remember" id="remember"> Remember me</label>
                    </div>
                    <button type="submit" class="block w-full bg-indigo-500 text-white rounded-sm py-3 text-sm tracking-wide">
                        Sign in
                    </button>
                </form>
            </div>
            <p class="text-center text-sm text-white font-thin">Don't have an account yet? <a href="/register" class="text-indigo-500 no-underline hover:underline">Sign up</a></p>
        </div>
    </div>
</body>
</html>
@code {

}

